<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>
			Calculator
		</title>
		<style type="text/css">
			table
			{
				border-style:solid; border-color:#FF00FF; border-spacing:0			
			}
			td
			{
				border-style:solid; border-color:#FF00FF;
			}
			input 
			{
				background-color:#C0C0C0; color:#ffffff; font-style:bold; font-size:25px;
				border:0; height:40px; width:43px
			}
			input.middle
			{
				border:0; height:40px; width:90px
			}
			input.big
			{
				border:0; height:40px; width:184px; text-align:right
			}
		</style>
	</head>
	<body>
		<table border=1>
			<tr>
				<td colspan=4>
					<input type="text" class="big" name="result" value="123" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="button"  name="one" value="1" />
				</td>
				<td>
					<input type="button"  name="two" value="2" />
				</td>
				<td>
					<input type="button"  name="tree" value="3" />
				</td>
				<td>
					<input type="button"  name="plus" value="+" />
				</td>
			</tr>		
			<tr>
				<td>
					<input type="button"  name="four" value="4" />
				</td>
				<td>
					<input type="button"  name="five" value="5" />
				</td>
				<td>
					<input type="button"  name="six" value="6" />
				</td>
				<td>
					<input type="button"  name="minus" value="-" />
				</td>
			</tr>		
			<tr>
				<td>
					<input type="button"  name="seven" value="7" />
				</td>
				<td>
					<input type="button"  name="eight" value="8" />
				</td>
				<td>
					<input type="button"  name="nine" value="9" />
				</td>
				<td>
					<input type="button"  name="multiplied" value="*" />
				</td>
			</tr>		
			<tr>
				<td colspan=2>
					<input type="button" class="middle" name="zero" value="0" />
				</td>
				<td>
					<input type="button"  name="point" value="." />
				</td>
				<td>
					<input type="button"  name="divided" value="/" />
				</td>
			</tr>
		</table>
	</body>
</html>